<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../../css/xzh_css/teacherXiugai.css">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://fastly.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://fastly.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <!-- 头部 -->
    <div class="container">
        <header class="xzh-nav">
            <p class="xzh-nav-left">新增教师</p>
            <p class="xzh-nav-right">< 返回</p>
        </header>
    </div>

    <!-- information -->
    <div class="container"> 
        <div class="xzh-wrap">
            <h5>基本信息</h5>
            <div class="xzh-wrap-left">
                <div>
                    <p>名字</p>
                    <input type="text" placeholder="用户名" class="teacher-name">
                </div>
                <div>
                    <p>联系电话</p>
                    <input type="text" placeholder="联系电话" class="teacher-tel">
                </div>
                <div>
                    <p>所属部门</p>
                    <select id="teacher-bumen">
                        <option></option>
                        <option value="1">任课教师</option>
                        <option value="2">教导主任</option>
                        <option value="3">办公室主任</option>
                        <option value="4">年级主任</option>
                    </select>
                </div>
                <div>
                    <p>工龄</p>
                    <input type="text" placeholder="年" id="teacher-gongling">
                </div>
            </div>
            <div class="xzh-wrap-right">
                <div>
                    <p>电子邮件</p>
                    <input type="text" placeholder="电子邮件" id="teacher-ea">
                </div>
                <div>
                    <p>性别</p>
                    <select id="teacher-sex">
                        <option></option>
                        <option value="1">男</option>
                        <option value="2">女</option>
                    </select>
                </div>
                <div>
                    <p>教育</p>
                    
                    <select  id="teacher-jiaoyu">
                        <option></option>
                        <option value="1">硕士</option>
                        <option value="2">博士</option>
                        <option value="3">研究生</option>
                        <option value="4">教授</option>
                    </select>
                </div>
                <div>
                    <p>入职时间</p>
                    <input type="text" id="demoTest" placeholder="年/月/日">
                </div>
            </div>
            
            <!-- 确定 || 取消 -->
            <div class="xzh-fix">
                <button type="button" class="xzh-fix-left">取消</button>
                <button type="button" class="xzh-fix-right">确定</button>
            </div>
        </div>
    </div>

    <script src="https://fastly.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>

    <!-- 日历 -->
    <script src="../../libs/xzh_libs/layDate-v5.3.1/laydate/laydate.js"></script>
    <script>
    //执行一个laydate实例
    laydate.render({
    elem: '#demoTest' //指定元素
    });
    </script>
    
    <script src="../../js/xzh_js/teacherXiugai.js"></script>
</body>
</html>